<template>
  <div class="title">
    <div class="left"> {{header}} </div>
    <div class="right"></div>
  </div>
</template>

<script>
export default {
  name: 'ChartTopic',
  props:{
    header:{
      type:String,
      default:'标题'
    }
  },
  data(){
    return{

    }
  }
}
</script>

<style scoped lang="scss">
.title{
  height: 0.36rem;
  background: no-repeat center url("../../assets/images/title.png");
  background-size: 100% 100%;
  display: flex;
  font-size: 0.18rem;
  .left{
    display: flex;
    align-items: center;
    padding-left: 0.15rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 13px;
  }
  .right{
    display: flex;
  }
}


</style>
